{% extends 'bootstrap-modal-layout.html.twig' %}

{% block title %}
  {{ 'order.refund'|trans }}
{% endblock %}
{% do script(['app/js/product/exit/index.js'])%}

{% block body %}
  <form id="refund-form" class="form-horizontal" method="post" action="{{ action }}">
    <div class="form-group">
      <div class="col-md-3 control-label">{{'order.refund'|trans}}</div>
      <div class="col-md-8 controls">
        <select class="form-control" name="reason[type]" id="reasonType">
          {{ dict_select_options('refund_reason') }}
        </select>
        <textarea id="reasonNote" class="form-control hide mtm" name="reason[note]" placeholder="{{'order.refund.reason_tips'|trans}}"></textarea>
        <div class='color-danger warnning mts'></div>
      </div>
    </div>
    <input type="hidden" name="_csrf_token" value="{{ csrf_token('site') }}">
  </form>
{% endblock %}

{% block footer %}
  <button class="btn btn-danger" type="submit" data-toggle="form-submit" data-target="#refund-form" data-loading-text="{{ 'order.refund.quit_study_btn.submiting'|trans }}">{{ 'order.refund.quit_study_btn'|trans }}</button>
{% endblock %}
